<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@taglib prefix="form" uri="http://www.springframework.org/tags/form" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>:: Crear Viaje de: ${usuario.nombre} ::</title>
<link rel="stylesheet" href="style.css" type="text/css" charset="utf-8" />

<script type="text/javascript" src="script/validar.js"></script>
<script src="SpryAssets/SpryValidationTextField.js" type="text/javascript"></script>
<link href="SpryAssets/SpryValidationTextField.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="script/validarVia.js"></script>
<link href="calendar.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="script/calendar.js"></script>
<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
</head>

<body>
<div id="wrapper">

<div id="header">
<div id="logo">
<p></p>
</div>
<div id="nav">
<ul>
<ul class="menu">
          <li class="sub"><a href="modificarUsuario.html?u2=${usuario.idUsuario}" class="update">Opciones<comment></comment></a>
		<ins><table><tr><td><ul>
			<li><a href="modificarUsuario.html?ux=${usuario.idUsuario}">Modificar Datos</a></li>
			<li><a href="desactivarUsuarioIndex.html?ux=${usuario.idUsuario}">Opciones de Cuenta</a></li>
                        <li><a href="home.html?ux=null">Cerrar Sesión</a></li>
		</ul></td></tr></table></ins>
        </li>
          <li><a href="misSolicitudes.html?ux=${usuario.idUsuario}&soli=0"> Solicitudes</a></li>
         <li><a href="miPerfilhayTour.html?ux=${usuario.idUsuario}"> Perfil ${usuario.username}</a></li>
        </ul>
</ul>
</div>
<div id="gallery">
<ul>
<li class="gwomen"><a href="http://www.freewebsitetemplates.com">Viajes</a></li>
<li class="gkids"><a href="http://www.freewebsitetemplates.com">Aventuras</a></li>
<li class="gmen"><a href="http://www.freewebsitetemplates.com">Amigos</a></li>
</ul>
</div>
</div>
<div id="body">
<div id="categories">
<h2>${usuario.nombre} ${usuario.apellido}</h2>
<h2><img src="images/Perfil.jpg" alt="" width="192" height="244" id="Perfil" /></h2>
<ul>
<li><a href="MisAmigos.html?ux=${usuario.idUsuario}&AM=1">Mis Amigos</a></li>
<li><a href="LosViajes.html?ux=${usuario.idUsuario}&AM=1">Mis Viajes</a></li>
</ul>
</div>
<div id="seasonal">
<div class="inner">
  <h2>Información del Viaje a participar    </h2>
  <h2>Itinerario de Viaje:</h2>
<div class="content">
  <div class="paging">
    <c:if test="${!clienteList.firstPage}"></c:if>
    <c:if test="${!clienteList.lastPage}"></c:if>
    </div>
  <div class="dataTable">
    <table width="449" border="0">
      <tr>
        <td class="more"><img src="images/itinerario.jpg" alt="" width="445" height="80" id="Perfil3"/></td>
        </tr>
      <tr>
        <td height="40" class="more"><table width="447" border="0">
          <tr>
            <td height="34" align="center" valign="middle"><h2>Lugar Recomendado</h2></td>
            <td align="center" valign="middle"><h2>Detalles</h2></td>
          </tr>
          <tr>
            <td><c:forEach var="Lugar" items="${LugarV}">
            <table width="213" height="37" border="0">
              <tr>
                <td width="203" height="31" align="center" valign="middle"><h2>${Lugar}</h2></td>
                </tr>
              </table>
            </c:forEach></td>
            <td><c:forEach var="res" items="${idItinerario}">
            <table width="213" height="37" border="0">
              <tr>
                <td width="203" height="31" align="center" valign="middle"><a href="DetalleItinerio.html?ux=${usuario.idUsuario}&mv=${res}" onclick=""><img src="images/botonDetalle.jpg" width="82" height="27" border="0"/></a></td>
                </tr>
              </table>
            </c:forEach></td>
          </tr>
        </table>
          
          </td>
        </tr>
      </table>
  </div>
  <p>&nbsp;</p>
</div>
<h2></p>
</h2>
<table width="447" border="0">
  <tr>
    <td width="212" align="center" valign="top"><h2>Generar PDF</h2></td>
    <td width="225" align="center" valign="top"><h2>Enviat un Twitter</h2></td>
  </tr>
  <tr>
    <td align="center" valign="middle"><a href="GenerarPDF.html?ux=${usuario.idUsuario}&mv=${viaje.idViaje}" onclick=""><img src="images/PDF.jpg" alt="" width="82" height="27" border="0"/></a></td>
    <td align="center" valign="middle"><div id="twitterTool" style="float:left; padding:2px 15px 0 0;">
	<iframe allowtransparency="true" frameborder="0" scrolling="no" class="twitter-share-button twitter-count-horizontal" tabindex="0"  src="http://platform.twitter.com/widgets/tweet_button.html?url=http://google.com&via=tatucha9&text=HayTour: &#8220; Se ha cerrado un viaje Unete! y Administra tus viajes tambien.&#8221;&lang=es" style="width: 110px; height: 25px;"></iframe>
	</div></td>


  </tr>
</table>
</div>
</div>
<div id="collection">
<div class="inner">
<div id="minigal">
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
</div>
<h2>&nbsp;</h2>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
</div>
</div>
<div class="clear"></div>
<div id="seas">
<div id="seas-one">
<h4 class="gkids">&nbsp;</h4>
<h4 class="gkids">&nbsp;</h4>
<h4 class="gkids">&nbsp;</h4>
<h4 class="gkids">&nbsp;</h4>
<h4 class="gkids">&nbsp;</h4>
<h4 class="gkids">&nbsp;</h4>
<h4 class="gkids">&nbsp;</h4>
<h4 class="gkids">&nbsp;</h4>
<h4 class="gkids">&nbsp;</h4>
<h4 class="gkids">&nbsp;</h4>
<h4 class="gkids">&nbsp;</h4>
<h4 class="clear">&nbsp;</h4>
</div>
<div id="seas-two"></div>
<div id="seas-three"></div>
<div class="clear"> </div>
</div>
</div>
<div id="copyright">
<h5>Copyright &copy; 2010. Company hayTour all rights reserved</h5>
</div>
</div>
</body>
</html>